<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> v-on属性的使用,可以简化成 @ </title>
	<script src="js/vue.js" type="text/javascript" charset="UTF-8"></script>
		</head>
		<body>
			<div id="box13">
				<!-- 
					描述:通过v-on属性完成事件的触发:
						不带参数的触发;
						带参数的触发;
				 -->
				 <!-- show 和 show()都可以-->
				 <input type="button" value="不带参数" @click="show" />
				 <!--  双引号 里面的 单引号 原样输出-->
				 <input type="button" value="带参数" v-on:click="show1('带有参数')" />
			</div>
		</body>
		<script>
			/* 构建Vue 生成Vue对象 vm（调度器），Vue( ) 参数为json格式的数据( {属性：值} ) */
			/* ViewModel  */
			var vm=new Vue({
				/* el 参数用来绑定选择器(id选择器),通过选择器找到对应的元素(标签||控件) */
				/* 也就是 View */
				el:"#box13",
				/* 声明 data 的参数用来绑定的控件传值  也就是描述数据*/
				/* 也就是 Model */
				data:{
					
				},
				/* vue中定义函数使用的属性为 methods*/
				methods:{
					/* 创建一个函数 */
					show:function(){
						/* 输出语句 */
						alert("test");
					},
					/* 带有参数的只能 */
					show1:function(num){
						alert("参数为:"+num);
					}
				}
			});
		</script>
</html>
